// globals.css includes @tailwind directives
// adjust the path if necessary
import "@/styles/globals.css";
import { Providers } from "./providers";
import Header from "@/components/header";

export default async function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en" className="light" suppressHydrationWarning={true}>
      <body>
        <Providers>
          <Header></Header>
          <div className="max-w-[1024px] mx-auto px-6 pt-5">{children}</div>
        </Providers>
      </body>
    </html>
  );
}
